<script setup>
import DataEmpty from '@/assets/img/ic_DataEmpty@2x.png'
const { title } = defineProps({
  title: {
    type: String,
    default: '请检查输入的文案后重试'
  }
})
</script>

<template>
  <div>
    <van-empty class="custom-image" :image="DataEmpty" description="暂无数据" >
      <template #description>
        <div class="empty-box flex justify-center direction-column">
        <div>暂无数据</div>
        <div class="description-fs">{{ title }}</div>
        </div>
      </template>
    </van-empty>
   
  </div>
</template>

<style scoped lang="less">
  .custom-image :deep(.van-empty__image){
    width: 60px;
    height: 60px;
  }
  .custom-image :deep(.van-empty__description){
      margin-top: 5px;
      font-family: 'PingFangSC-Medium';
      font-weight: 800;
      font-size: 14px;
      color: #54565C;
     
      .empty-box {
        display: flex;
        flex-direction: column;
        justify-content: center;
        div{
          text-align: center;
        }
        .description-fs{
          font-family: 'PingFangSC-Regular';
          font-weight: 400;
          font-size: 14px;
          margin-top: 10px;
          color: #9DA0A4;
          letter-spacing: 0;
        }
      }
  }
</style>
